<!DOCTYPE html>
<html lang="zh-CN">
    <head>
    <meta charset="utf-8">

    

    <!-- 渲染优化 -->
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="HandheldFriendly" content="True" >
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!--icon-->

    
        <link rel="shortcut icon" href="https://s1.imgpp.com/2022/01/28/owl.png">
    
    
    
    
    


    <!-- meta -->


<title>归档：2022 | 猫头鹰的BLOG</title>


    <meta name="keywords" content="猫头鹰的博客">




    <!-- OpenGraph -->
 
    <meta name="description" content="长风破浪会有时，直挂云帆济沧海。">
<meta property="og:type" content="website">
<meta property="og:title" content="猫头鹰的BLOG">
<meta property="og:url" content="http://example.com/archives/2022/page/2/index.html">
<meta property="og:site_name" content="猫头鹰的BLOG">
<meta property="og:description" content="长风破浪会有时，直挂云帆济沧海。">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="张程">
<meta property="article:tag" content="猫头鹰的博客">
<meta name="twitter:card" content="summary_large_image">


    
<link rel="stylesheet" href="/css/style/main.css">
 

    
    
    

    
    
<link rel="stylesheet" href="/css/style/dark.css">

    
<script src="/js/darkmode.js"></script>



     
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
 

    <!-- custom head -->

<meta name="generator" content="Hexo 6.0.0"></head>

    <body>
        <div id="app">
            <header class="header">
    <div class="header__left">
        <a href="/" class="button">
            <span class="logo__text">猫头鹰</span>
        </a>
    </div>
    <div class="header__right">
        
            <div class="navbar__menus">
                
                    <a href="/" class="navbar-menu button">首页</a>
                
                    <a href="/tags/" class="navbar-menu button">标签</a>
                
                    <a href="/categories/" class="navbar-menu button">分类</a>
                
                    <a href="/archives/" class="navbar-menu button">归档</a>
                
            </div>
        
        
        
    <a href="/search/" id="btn-search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="24" height="24" fill="currentColor" stroke="currentColor" stroke-width="32"><path d="M192 448c0-141.152 114.848-256 256-256s256 114.848 256 256-114.848 256-256 256-256-114.848-256-256z m710.624 409.376l-206.88-206.88A318.784 318.784 0 0 0 768 448c0-176.736-143.264-320-320-320S128 271.264 128 448s143.264 320 320 320a318.784 318.784 0 0 0 202.496-72.256l206.88 206.88 45.248-45.248z"></path></svg>
    </a>


        
        
    <a href="javaScript:void(0);" id="btn-toggle-dark">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
    </a>


        
            <a class="dropdown-icon button" id="btn-dropdown" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width='24' height='24' fill="none" stroke="currentColor" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round"><path fill="currentColor" d="M3.314,4.8h13.372c0.41,0,0.743-0.333,0.743-0.743c0-0.41-0.333-0.743-0.743-0.743H3.314c-0.41,0-0.743,0.333-0.743,0.743C2.571,4.467,2.904,4.8,3.314,4.8z M16.686,15.2H3.314c-0.41,0-0.743,0.333-0.743,0.743s0.333,0.743,0.743,0.743h13.372c0.41,0,0.743-0.333,0.743-0.743S17.096,15.2,16.686,15.2z M16.686,9.257H3.314c-0.41,0-0.743,0.333-0.743,0.743s0.333,0.743,0.743,0.743h13.372c0.41,0,0.743-0.333,0.743-0.743S17.096,9.257,16.686,9.257z"></path></svg></a>
            <div class="dropdown-menus" id="dropdown-menus">
                
                    <a href="/" class="dropdown-menu button">首页</a>
                
                    <a href="/tags/" class="dropdown-menu button">标签</a>
                
                    <a href="/categories/" class="dropdown-menu button">分类</a>
                
                    <a href="/archives/" class="dropdown-menu button">归档</a>
                
            </div>
        
    </div>
</header>


    <div class="cover">
        <div class="cover__logo">
            
                <h1>BLOG</h1>
            
        </div>
        
        
            <div class="cover__intro">
                <p>长期的一致性,胜过短期的高强度!</p>
 
            </div>
        
    </div>

            
<main class='main'>
    
		
    <div class="post-list">
        
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://images.pexels.com/photos/9392556/pexels-photo-9392556.jpeg?cs=srgb&amp;dl=pexels-mati-mango-9392556.jpg&amp;fm=jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        bootstrap全局css样式
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/03/" class="post-meta__date button">2022-03-09</a>
    
    <span class="separate-dot"></span><a href="/categories/bootstrap/" class="button">bootstrap</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/bootstrap/" class="post-tags__link button"># bootstrap</a><a href="/tags/css/" class="post-tags__link button"># css</a></div> 
<a href="/2022/03/09/bootstrap%E5%85%A8%E5%B1%80css%E6%A0%B7%E5%BC%8F/" class="post-entry__link">bootstrap全局css样式</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://images.pexels.com/photos/6279645/pexels-photo-6279645.jpeg?cs=srgb&amp;dl=pexels-yaroslav-shuraev-6279645.jpg&amp;fm=jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        媒体查询
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/03/" class="post-meta__date button">2022-03-07</a>
    
    <span class="separate-dot"></span><a href="/categories/css/" class="button">css</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/css/" class="post-tags__link button"># css</a><a href="/tags/%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2/" class="post-tags__link button"># 媒体查询</a></div> 
<a href="/2022/03/07/%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2/" class="post-entry__link">媒体查询</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://images.pexels.com/photos/6281163/pexels-photo-6281163.jpeg?cs=srgb&amp;dl=pexels-yaroslav-shuraev-6281163.jpg&amp;fm=jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        js函数
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/03/" class="post-meta__date button">2022-03-03</a>
    
    <span class="separate-dot"></span><a href="/categories/javascript%E9%AB%98%E7%BA%A7/" class="button">javascript高级</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/js/" class="post-tags__link button"># js</a><a href="/tags/js%E5%87%BD%E6%95%B0/" class="post-tags__link button"># js函数</a><a href="/tags/call/" class="post-tags__link button"># call</a><a href="/tags/apply/" class="post-tags__link button"># apply</a></div> 
<a href="/2022/03/03/JavaScript%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/" class="post-entry__link">js函数</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://images.pexels.com/photos/7034504/pexels-photo-7034504.jpeg?cs=srgb&amp;dl=pexels-george-milton-7034504.jpg&amp;fm=jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        vue中操作数组的方法
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/03/" class="post-meta__date button">2022-03-02</a>
    
    <span class="separate-dot"></span><a href="/categories/Vue2/" class="button">Vue2</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/vue/" class="post-tags__link button"># vue</a><a href="/tags/%E6%95%B0%E7%BB%84%E6%96%B9%E6%B3%95/" class="post-tags__link button"># 数组方法</a></div> 
<a href="/2022/03/02/vue%E4%B8%AD%E6%93%8D%E4%BD%9C%E6%95%B0%E7%BB%84%E7%9A%84%E6%96%B9%E6%B3%95/" class="post-entry__link">vue中操作数组的方法</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://imgpp.com/s1/2022/01/28/pexels-klaudia-ekert-2383122.jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        Bootstrap栅格系统
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/02/" class="post-meta__date button">2022-02-21</a>
    
    <span class="separate-dot"></span><a href="/categories/Bootstrap/" class="button">Bootstrap</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/Bootstrap/" class="post-tags__link button"># Bootstrap</a><a href="/tags/%E6%A0%85%E6%A0%BC%E7%B3%BB%E7%BB%9F/" class="post-tags__link button"># 栅格系统</a><a href="/tags/%E5%B8%83%E5%B1%80/" class="post-tags__link button"># 布局</a></div> 
<a href="/2022/02/21/Bootstrap%E6%A0%85%E6%A0%BC%E7%B3%BB%E7%BB%9F/" class="post-entry__link">Bootstrap栅格系统</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://imgpp.com/s1/2022/02/04/pexels-donatello-trisolino-2355408-1.jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        消息订阅与发布
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/02/" class="post-meta__date button">2022-02-07</a>
    
    <span class="separate-dot"></span><a href="/categories/Vue2/" class="button">Vue2</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/vue2/" class="post-tags__link button"># vue2</a><a href="/tags/%E6%B6%88%E6%81%AF%E8%AE%A2%E9%98%85%E4%B8%8E%E5%8F%91%E5%B8%83/" class="post-tags__link button"># 消息订阅与发布</a><a href="/tags/%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1/" class="post-tags__link button"># 组件间通信</a></div> 
<a href="/2022/02/07/%E6%B6%88%E6%81%AF%E8%AE%A2%E9%98%85%E4%B8%8E%E5%8F%91%E5%B8%83/" class="post-entry__link">消息订阅与发布</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://imgpp.com/s1/2022/02/04/pexels-rafael-cosquiere-2041540.jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        Vue基础
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/02/" class="post-meta__date button">2022-02-06</a>
    
    <span class="separate-dot"></span><a href="/categories/Vue2/" class="button">Vue2</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/vue2/" class="post-tags__link button"># vue2</a><a href="/tags/vue%E5%9F%BA%E7%A1%80/" class="post-tags__link button"># vue基础</a><a href="/tags/%E8%84%9A%E6%89%8B%E6%9E%B6%E7%BB%93%E6%9E%84/" class="post-tags__link button"># 脚手架结构</a><a href="/tags/%E4%B8%8D%E5%90%8C%E7%89%88%E6%9C%AC%E7%9A%84Vue/" class="post-tags__link button"># 不同版本的Vue</a><a href="/tags/ref%E5%B1%9E%E6%80%A7/" class="post-tags__link button"># ref属性</a><a href="/tags/%E9%85%8D%E7%BD%AE%E9%A1%B9props/" class="post-tags__link button"># 配置项props</a><a href="/tags/mixin-%E6%B7%B7%E5%85%A5/" class="post-tags__link button"># mixin(混入)</a><a href="/tags/%E6%8F%92%E4%BB%B6/" class="post-tags__link button"># 插件</a><a href="/tags/vue%E7%9A%84%E6%A0%B7%E5%BC%8F/" class="post-tags__link button"># vue的样式</a><a href="/tags/%E6%B5%8F%E8%A7%88%E5%99%A8%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/" class="post-tags__link button"># 浏览器本地存储</a></div> 
<a href="/2022/02/06/Vue%E5%9F%BA%E7%A1%80/" class="post-entry__link">Vue基础</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://s1.imgpp.com/2022/02/02/imageaefd287ade76e8a6.png"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        echarts快速上手
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/02/" class="post-meta__date button">2022-02-02</a>
    
    <span class="separate-dot"></span><a href="/categories/echarts/" class="button">echarts</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/js/" class="post-tags__link button"># js</a><a href="/tags/echarts/" class="post-tags__link button"># echarts</a><a href="/tags/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/" class="post-tags__link button"># 数据可视化</a></div> 
<a href="/2022/02/02/echarts%E4%BD%BF%E7%94%A8/" class="post-entry__link">echarts快速上手</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://s1.imgpp.com/2022/01/28/pexels-wallace-chuck-3704611.jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        正则表达式
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/02/" class="post-meta__date button">2022-02-02</a>
    
    <span class="separate-dot"></span><a href="/categories/JavaScript/" class="button">JavaScript</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/js/" class="post-tags__link button"># js</a><a href="/tags/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" class="post-tags__link button"># 正则表达式</a></div> 
<a href="/2022/02/02/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" class="post-entry__link">正则表达式</a>
                </div>
            
                <div class='post-entry content-card'>
                    <div class="post-entry__header">
    
        <div class="post-thumbnail lazy" data-bg="https://s1.imgpp.com/2022/01/28/pexels-ylanite-koppens-1831744.jpg"></div>
    
</div>
<div class="post-entry__content">
    <h2 class="post-entry__title">
        瀑布流布局
    </h2>
    
</div>
<div class="post-entry__meta">
    <a href="/archives/2022/02/" class="post-meta__date button">2022-02-01</a>
    
    <span class="separate-dot"></span><a href="/categories/JavaScript/" class="button">JavaScript</a>

 
</div>
<div class="post-entry__tags"><a href="/tags/%E5%B8%83%E5%B1%80/" class="post-tags__link button"># 布局</a><a href="/tags/js/" class="post-tags__link button"># js</a><a href="/tags/%E7%80%91%E5%B8%83%E6%B5%81/" class="post-tags__link button"># 瀑布流</a></div> 
<a href="/2022/02/01/%E7%80%91%E5%B8%83%E6%B5%81%E5%B8%83%E5%B1%80/" class="post-entry__link">瀑布流布局</a>
                </div>
            
        
    </div>
    
        <div class="nav">
            <div class="nav__prev">
                
                    <a href="/archives/2022/" class="nav__link">
                        <div>
                            <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M589.088 790.624L310.464 512l278.624-278.624 45.248 45.248L400.96 512l233.376 233.376z" fill="#808080"></path></svg>
                        </div>
                        <div>
                            <div class="nav__label">
                                Previous
                            </div>
                            <div class="nav__title">
                                第 1 页
                            </div>
                        </div>
                    </a>
                
            </div>
            <div class="nav__next">
                
                    <a href="/archives/2022/page/3/" class="nav__link">
                        <div>
                            <div class="nav__label">
                                Next
                            </div>
                            <div class="nav__title">
                                第 3 页
                            </div>
                        </div>
                        <div>
                            <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M434.944 790.624l-45.248-45.248L623.04 512l-233.376-233.376 45.248-45.248L713.568 512z" fill="#808080"></path></svg>
                        </div>
                    </a>
                
            </div>
        </div>
    


	
</main>

            <footer class="footer" style="font-size: 10px;">
     
    <a href="#" class="button" id="b2t" aria-label="回到顶部" title="回到顶部">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="32" height="32">
            <path d="M233.376 722.752L278.624 768 512 534.624 745.376 768l45.248-45.248L512 444.128zM192 352h640V288H192z" fill="currentColor"></path>
        </svg>
    </a>

    


    
    
    
        <span id="busuanzi_container_site_uv" hidden>
            <span>游客:</span>
            <span id="busuanzi_value_site_uv"></span>
            <span></span>
            
                <span> </span>
            
        </span>
    
    
        <span id="busuanzi_container_site_pv" hidden>
            <span>次数:</span>
            <span id="busuanzi_value_site_pv"></span>
            <span></span>
            
        </span>
    
 
 

 
    
    
    <p>
        <!-- Powered by <a href="https://hexo.io" target="_blank">Hexo</a> | Theme - <a href="https://github.com/ChrAlpha/hexo-theme-cards" target="_blank">Cards</a> -->
        <span style="color: black;">作者：张程</span>
    </p>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        var a_idx = 0;
            jQuery(document).ready(function($) {
                $("body").click(function(e) {
                    var a = new Array("会当凌绝顶，一览众山小", "春蚕到死丝方尽，蜡炬成灰泪始干", "夕阳无限好，只是近黄昏",
                     "位卑未敢忘忧国", "纸上得来终觉浅，绝知此事要躬行", "人生自古谁无死，留取丹心照汗青", "山重水复疑无路，柳暗花明又一村" ,
                     "小荷才露尖尖角，早有蜻蜓立上头", "床前明月光，疑是地上霜", "春色满园关不住，一枝红杏出墙来", 
                     "山际见来烟，竹中窥落日", "道狭草木长，夕露沾我衣","天长地久有时尽，此恨绵绵无绝期");
                    var color = new Array("#7B7B7B", "#CE0000", "#FF0080","#E800E8","#921AFF","#2828FF",
                    "#0072E3","#00CACA","#02DF82","#00DB00","#8CEA00","#E1E100","#EAC100","#F75000"
                    ,"#B87070","#AFAF61","#6FB7B7","#9999CC","#B766AD");
                    var $i = $("<a href='#' style='text-decoration:none'/>").text(a[a_idx]);
                    a_idx = (a_idx + 1) % a.length;
                    var x = e.pageX,
                        y = e.pageY;
                    $i.css({
                        "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                        "top": y - 20,
                        "left": x,
                        "position": "absolute",
                        "font-weight": "bold",
                        "color": color[Math.floor(Math.random()*color.length)]
                    });
                    $("body").append($i);
                    $i.animate({
                            "top": y - 180,
                            "opacity": 0
                        },
                        1500,
                        function() {
                            $i.remove();
                        });
                });
            });
        </script>
    <script>
        !function() {
            function o(w, v, i) {
                return w.getAttribute(v) || i
            }
            function j(i) {
                return document.getElementsByTagName(i)
            }
            function l() {
                var i = j("script"),
                w = i.length,
                v = i[w - 1];
                return {
                    l: w,
                    z: o(v, "zIndex", -1),
                    o: o(v, "opacity", 0.5),
                    c: o(v, "color", "0,0,0"),
                    n: o(v, "count", 99)
                }
            }
            function k() {
                r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
                n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
            }
            function b() {
                e.clearRect(0, 0, r, n);
                var w = [f].concat(t);
                var x, v, A, B, z, y;
                t.forEach(function(i) {
                    i.x += i.xa,
                    i.y += i.ya,
                    i.xa *= i.x > r || i.x < 0 ? -1 : 1,
                    i.ya *= i.y > n || i.y < 0 ? -1 : 1,
                    e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
                    for (v = 0; v < w.length; v++) {
                        x = w[v];
                        if (i !== x && null !== x.x && null !== x.y) {
                            B = i.x - x.x,
                            z = i.y - x.y,
                            y = B * B + z * z;
                            y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
                        }
                    }
                    w.splice(w.indexOf(i), 1)
                }),
                m(b)
            }
            var u = document.createElement("canvas"),
            s = l(),
            c = "c_n" + s.l,
            e = u.getContext("2d"),
            r,
            n,
            m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
            function(i) {
                window.setTimeout(i, 1000 / 45)
            },
            a = Math.random,
            f = {
                x: null,
                y: null,
                max: 20000
            };
            u.id = c;
            u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
            j("body")[0].appendChild(u);
            k(),
            window.onresize = k;
            window.onmousemove = function(i) {
                i = i || window.event,
                f.x = i.clientX,
                f.y = i.clientY
            },
            window.onmouseout = function() {
                f.x = null,
                f.y = null
            };
            for (var t = [], p = 0; s.n > p; p++) {
                var h = a() * r,
                g = a() * n,
                q = 2 * a() - 1,
                d = 2 * a() - 1;
                t.push({
                    x: h,
                    y: g,
                    xa: q,
                    ya: d,
                    max: 6000
                })
            }
            setTimeout(function() {
                b()
            }, 100)
    } ();
    </script>
</footer>

        </div>
        
    <script defer src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.1.0/dist/lazyload.min.js"></script>
    <script>
        window.lazyLoadOptions = {
            elements_selector: ".lazy",
            threshold: 0
        };
    </script>
 

 

 

 

 



 



 


    
 


    
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>

    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.4.1/dist/jquery.fancybox.min.css">

    
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.4.1/dist/jquery.fancybox.min.js"></script>

    <script>
        let lazyloadT = Boolean('true'),
            auto_fancybox = Boolean('false')
        if (auto_fancybox) {
            $(".post__content").find('img').each(function () {
                var element = document.createElement("a");
                $(element).attr("data-fancybox", "gallery");
                $(element).attr("href", $(this).attr("src"));
                if (lazyloadT) {
                    $(element).attr("href", $(this).attr("data-srcset"));
                }
                $(this).wrap(element);
            });
        } else {
            $(".post__content").find("fancybox").find('img').each(function () {
                var element = document.createElement("a");
                $(element).attr("data-fancybox", "gallery");
                $(element).attr("href", $(this).attr("src"));
                if (lazyloadT) {
                    $(element).attr("href", $(this).attr("data-srcset"));
                }
                $(this).wrap(element);
            });
        }
    </script>
 

 

 

 

 




    </body>
</html>
